import { Button } from 'antd';
import { useState } from 'react';
import Modal from '..';

export default function ResizableDemo() {
  const [open, setOpen] = useState(false);
  const [openNative, setOpenNative] = useState(false);
  const [openAutoHeight, setOpenAutoHeight] = useState(false);

  return (
    <>
      <Button type="primary" onClick={() => setOpenNative(true)}>
        打开官方对话框
      </Button>
      <Modal
        title="官方对话框"
        open={openNative}
        onOk={() => setOpenNative(false)}
        onCancel={() => setOpenNative(false)}
        maskClosable={false} 
      >
        <p>这是一个官方对话框</p>
        <p>无法调整其大小。</p>

        <p>{longText}</p>
      </Modal>
      <br />
      <Button type="primary" onClick={() => setOpenAutoHeight(true)}>
        打开官方对话框-高度自适应
      </Button>
      <Modal
        title="官方对话框"
        open={openAutoHeight}
        onOk={() => setOpenAutoHeight(false)}
        onCancel={() => setOpenAutoHeight(false)}
        maskClosable={false} 
        autoHeight
      >
        <p>这是一个官方对话框</p>
        <p>高度自适应</p>

        <p>{longText}</p>
      </Modal>
      <br />
      <Button type="primary" onClick={() => setOpen(true)}>
        打开可调整大小对话框
      </Button>
      <Modal
        title="可调整大小对话框"
        open={open}
        onOk={() => setOpen(false)}
        onCancel={() => setOpen(false)}
        resizable
        maskClosable={false}
      >
        <p>这是一个可调整大小的对话框示例。</p>
        <p>您可以通过拖动对话框的边缘来调整其大小。</p>

        <p>{longText}</p>
      </Modal>
      <br />
    </>
  );
}

const longText = `测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容  测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          、  测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内容
          测试内容测试内容测试内容测试内容测试内容测试内
          容测试内容测试内容测试内容测试内容`;
